<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	<link rel="stylesheet" type="text/css" href="css/experiencesangam.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

</head>
<body>
	<div class="bg"> <!-- BACKGROUND IMAGE WAL -->
    
  <!--- NAVBAR STARTS ---........-->  
<nav class="navbar navbar-expand-md fixed-top bg-purple ">
  <a class="navbar-brand" href="index.html">ALLAHABAD</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto navbar-right">
      <li class="nav-item ">
        <a class="nav-link" href="experiencesangam.html">EXPERIENCE SANGAM</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="wheretogo.html">WHERE TO GO</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="wheretostay.html">HOW TO GO</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="planyourtrip.html">PLAN YOUR TRIP</a>
      </li>
      <li class="nav-item">
        <a class="nav-link " href="contactus.html">CONTACT US</a>
      </li>
    </ul>
    <form class="form-inline my-2 my-lg-0">
      <input class="form-control mr-sm-2" type="search" placeholder=" Google search" aria-label="Search">
        <button class="btn btn-outline-warning " type="submit">Search</button>
  </form>
    
  </div>
</nav>  
<!-- NAV BAR END .........................................-->

<!--ICON BAR SECTION STARTS ................-->
<div class="icon-bar">
  <a class="active" href="index.html"><i class="fa fa-home"></i></a> 
  <a href="https://www.google.com"><i class="fa fa-search"></i></a> 
  <a href="#"><i class="fa fa-envelope"></i></a> 
  <a href="#"><i class="fa fa-globe"></i></a>
  <a href="#"><i class="fa fa-trash"></i></a> 
</div>
<!--SIDE NAV BAR BEGINS -->
<div class="sidenav">
  <a href="experiencesangam.html">History</a>
  <a href="https://www.trivago.in">Hotel Booking</a>
  <a href="https://www.bharattaxi.com/allahabad">Taxi Booking</a>
  <a href="https://www.makemytrip.com/flights">Flight Booking</a>
  <a href="wheretogo.html">Image Gallery</a>
  <a href="https://www.zomato.com/allahabad">Restaurents</a>
   <a href="https://www.lybrate.com/allahabad/doctors-for-emergency-24h/allahabad-allahabad">Emergency</a>
</div>
<!--SIDE NAV BAR ENDS -->
<!--  container 1 CAROUSEL BEGINS--> 
<div class="container text-center">
  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class="d-block w-100" src="https://image3.mouthshut.com/images/Restaurant/Photo/-40416_8813.jpg" width="100%" alt="First slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="http://static.indianexpress.com/pic/uploadedImages/bigImages/B_Id_343837_Boats_.jpg" alt="Avatar" alt="Second slide">
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="https://image3.mouthshut.com/images/ImagesR/imageuser_l/2016/12/925011561-9919058-1.jpg?rnd=76834" width="100%"" alt="Third slide">
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
  
</div>
<!-- CAROUSEL ENDS-->
<!--CONTAINER 2 BEGINS -->
<div class="container text-center ">
  <h1 id="history">HISTORY</h1>

  <div class="row">

    <div class=" dev">
      <h2>"Sangam- The city of offerings"</h2>
      <div class="row">
        <div class="col-md-7">
          <p>A few kilometres away from Varanasi, Allahabad is reminiscent of all that is spiritual and sacred in Hinduism. The largest city in Uttar Pradesh, Allahabad is famous for being the meeting point of three rivers - the Ganga, the Yamuna, and the Saraswati. Built on the site of the ancient town of Prayag, Allahabad has, since time immemorial, held the largest Hindu gathering on the banks of the Sangam' the Maha Kumbh Mela. While Allahabad is often passed over for more travel-friendly cities, there is a lot to Allahabad besides just its religion.</p>
        </div>
        <div class="col-md-5">
          <img src="https://images.unsplash.com/photo-1511718014670-c04ae7843d47?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=fbc56f8884d689a68eb4b0bdca8c04a0&auto=format&fit=crop&w=750&q=80" width="100%" height="50%" alt="allahabad history">
          <p>Allahabad is most famous for being home to the Triveni Sangam – the spot where the three holy rivers meet and become one. One of the top places to visit in Allahabad if you’re spiritually inclined (and even if you’re not because this place deserves a visit).</p>
        </div>
        
      </div>
    </div>

    <div class="shikhar">
      <h3>NEARBY PLACES TO VISIT</h3>
      <div class="row">
        <div class="col-lg-6">
          <a href="https://www.holidify.com/places/varanasi"><img src="https://images.pexels.com/photos/1007426/pexels-photo-1007426.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="photo" width="100%"></a>
          <h4>Varansai</h4>
        </div>
        <div class="col-lg-6">
         <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/0/04/Ahilya_Ghat_by_the_Ganges%2C_Varanasi.jpg/184px-Ahilya_Ghat_by_the_Ganges%2C_Varanasi.jpg"> <img src="https://images.pexels.com/photos/1007426/pexels-photo-1007426.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="photo" width="100%"></a>
          <h4>Vindhyachal</h4>
        </div>
         <div class="col-lg-6">
          <a href="https://image3.mouthshut.com/images/imagesp/925739374s.jpg"><img src="https://images.pexels.com/photos/1007426/pexels-photo-1007426.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="photo" width="100%"></a>
          <h4>Ayodhaya</h4>
        </div>
         <div class="col-lg-6">
        <a href="https://www.holidify.com/places/chitrakoot"> <img src="https://images.pexels.com/photos/1007426/pexels-photo-1007426.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" class="photo" width="100%"></a>
          <h4>Chitrakoot</h4>
        </div>
        
        
      </div>
      
      
    </div>
  </div>
  
</div>
<!---   -->










<p id="tanya"><span>ALL RIGTH RESERVED.</span>&nbsp; &nbsp;&nbsp;   <span>MAIL ID</span> -sarthak.agarwal97@gmail.com &nbsp; &nbsp; &nbsp;<span>CONTACT US</span>- 9452307142</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>